<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions">

    <body>
        <ui:composition template="./../../WEB-INF/templates/newMainCandidateTemplate.xhtml">
            <ui:define name="content">
                <h:outputStylesheet library="css" name="jquery.Jcrop.min.css"></h:outputStylesheet>
                <h:outputStylesheet library="css" name="candidate/candidate.css"></h:outputStylesheet>
                <h:outputStylesheet library="css" name="candidate/candidate_desktop.css" media="screen and (min-width:1025px) and (max-width:1600px)"></h:outputStylesheet>
                <h:outputStylesheet library="css" name="candidate/candidate_desktop_wide.css" media="screen and (min-width : 1601px)"></h:outputStylesheet>
                <h:outputStylesheet library="css" name="candidate/candidate_tablet.css" media="screen and (min-device-width : 768px) and (max-device-width : 1024px), screen and (max-width:1024px)"></h:outputStylesheet>
                <h:outputStylesheet library="css" name="candidate/candidate_smartphone.css" media="screen and (min-device-width : 320px) and (max-device-width : 767px), screen and (max-width:767px)"></h:outputStylesheet>
                <h:outputScript library="javascript" target="head" name="modernizr.js"></h:outputScript>
                <h:outputScript library="javascript" target="body" name="newEditCandidate.js"></h:outputScript>
                <h:outputScript library="javascript" target="body" name="jquery.Jcrop.min.js"></h:outputScript>
                <h:outputScript library="javascript" target="body" name="jquery.isotope.min.js"></h:outputScript>

                <h:form id="editCandidateForm" >
                    <p:growl id="editGrowl" showDetail="false" life="4000"/> 
                </h:form>
                <h:form id="advicesForm" styleClass="block fullWidthContainer">
                    <p:panel styleClass="lightGrayBackgroundTitle  noMargin fullPanelMargin noBorder noPaddingTitle fullWidthPanelTitlePadding panelAdvicesTd lightGrayBorder advicePanelSmartphone" id="advicesPanel" header="#{messages.Advices}">
                        <p:panel styleClass="noMargin noPadding noBorder width100" >
                            <p:panelGrid columns="2" styleClass="noSmartphone" >
                                <h:outputText value="#{messages.NoPersonalInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{newEditCandidateBean.candidate.name==null or newEditCandidateBean.candidate.lastName==null or newEditCandidateBean.candidate.phone==null or newEditCandidateBean.candidate.birthDay==null or newEditCandidateBean.candidate.sex==null or newEditCandidateBean.candidate.country==null or newEditCandidateBean.candidate.province==null or newEditCandidateBean.candidate.town==null or newEditCandidateBean.candidate.timeAvailability==null or newEditCandidateBean.candidate.hasVehicle==null}"/>
                                <h:outputText value="#{messages.NoImageInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{newEditCandidateBean.candidate.bustColor==null}"/>
                                <h:outputText value="#{messages.NoVideoInfoAdvice}" styleClass="listItem block" rendered="#{newEditCandidateBean.candidateLanguageVideo.video==null}"/>
                                <h:outputText value="#{messages.NoEducationalInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{false and (newEditCandidateBean.candidate.candidateEducationalInfoList==null or newEditCandidateBean.candidate.candidateEducationalInfoList.isEmpty())}"/>
                                <h:outputText value="#{messages.NoProfessionalInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{false and (newEditCandidateBean.candidate.candidateProfessionalInfoList==null or newEditCandidateBean.candidate.candidateProfessionalInfoList.isEmpty())}"/>
                                <h:outputText value="#{messages.NoInterestAreaInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{false and (newEditCandidateBean.candidate.candidateInterestAreaList==null or newEditCandidateBean.candidate.candidateInterestAreaList.isEmpty())}"/>
                                <h:outputText value="#{messages.NoRelocatingInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{newEditCandidateBean.candidate.candidateRelocatingInfoList==null or newEditCandidateBean.candidate.candidateRelocatingInfoList.isEmpty()}"/>
                                <h:outputText value="#{messages.NoSkillInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{newEditCandidateBean.candidate.candidateTagsList==null or newEditCandidateBean.candidate.candidateTagsList.isEmpty()}"/>
                                <h:outputText value="#{messages.NoLanguageInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{false and (newEditCandidateBean.candidate.candidateLanguageInfoList==null or newEditCandidateBean.candidate.candidateLanguageInfoList.isEmpty())}"/>
                                <h:outputText value="#{messages.Advice1}" styleClass="block marginBottom05em listItem" rendered="false"/>
                                <h:outputText value="#{messages.Advice2}" styleClass="block marginBottom05em listItem"/>
                            </p:panelGrid>
                            <p:panelGrid columns="1" styleClass="displayNone smartphone inlineBlock">
                                <h:outputText value="#{messages.NoPersonalInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{newEditCandidateBean.candidate.name==null or newEditCandidateBean.candidate.lastName==null or newEditCandidateBean.candidate.phone==null or newEditCandidateBean.candidate.birthDay==null or newEditCandidateBean.candidate.sex==null or newEditCandidateBean.candidate.country==null or newEditCandidateBean.candidate.province==null or newEditCandidateBean.candidate.town==null or newEditCandidateBean.candidate.timeAvailability==null or newEditCandidateBean.candidate.hasVehicle==null}"/>
                                <h:outputText value="#{messages.NoImageInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{newEditCandidateBean.candidate.bustColor==null}"/>
                                <h:outputText value="#{messages.NoVideoInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{newEditCandidateBean.candidateLanguageVideo.video==null}"/>
                                <h:outputText value="#{messages.NoEducationalInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{false and (newEditCandidateBean.candidate.candidateEducationalInfoList==null or newEditCandidateBean.candidate.candidateEducationalInfoList.isEmpty())}"/>
                                <h:outputText value="#{messages.NoProfessionalInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{false and (newEditCandidateBean.candidate.candidateProfessionalInfoList==null or newEditCandidateBean.candidate.candidateProfessionalInfoList.isEmpty())}"/>
                                <h:outputText value="#{messages.NoInterestAreaInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{false and (newEditCandidateBean.candidate.candidateInterestAreaList==null or newEditCandidateBean.candidate.candidateInterestAreaList.isEmpty())}"/>
                                <h:outputText value="#{messages.NoRelocatingInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{newEditCandidateBean.candidate.candidateRelocatingInfoList==null or newEditCandidateBean.candidate.candidateRelocatingInfoList.isEmpty()}"/>
                                <h:outputText value="#{messages.NoSkillInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{newEditCandidateBean.candidate.candidateTagsList==null or newEditCandidateBean.candidate.candidateTagsList.isEmpty()}"/>
                                <h:outputText value="#{messages.NoLanguageInfoAdvice}" styleClass="listItem block marginBottom05em" rendered="#{false and (newEditCandidateBean.candidate.candidateLanguageInfoList==null or newEditCandidateBean.candidate.candidateLanguageInfoList.isEmpty())}"/>
                                <h:outputText value="#{messages.Advice1}" styleClass="listItem block marginBottom05em" rendered="false"/>
                                <h:outputText value="#{messages.Advice2}" styleClass="listItem block marginBottom05em"/>
                            </p:panelGrid>
                        </p:panel>
                    </p:panel>
                </h:form>
                <h:form id="languageDialogForm">
                    <p:dialog id="editLanguageDialog" position="top" modal="true" resizable="false" widgetVar="editLanguageDialog" header="#{messages.Language}">
                        <p:panel id="editLanguagePanel" styleClass="noBorder noMargin noPadding">
                            <p:selectOneMenu filter="true" filterMatchMode="contains" required="true" requiredMessage="#{messages.LanguageRequired}" converter="#{languageConverter}" id="editSelectLanguage"  value="#{newEditCandidateBean.collectorLanguageInfo.language}" effect="fade" label="#{messages.Language}" styleClass="candidateElementInput">  
                                <f:selectItem itemLabel="#{messages.Language}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.languages}" var="language" itemLabel="#{languageBundle[language.idLanguage.toString()]}" itemValue="#{language}"/>  
                                <p:ajax update="editVideoUploader editButonAddLanguage buttonAddLanguageDialog"/>
                            </p:selectOneMenu>

                            <p:selectOneMenu styleClass="candidateElementInput"  required="true" requiredMessage="#{messages.LanguageLevelRequired}" converter="#{languageLevelConverter}" id="editSelectLanguageLevel"  value="#{newEditCandidateBean.collectorLanguageInfo.languageLevel}" effect="fade" label="#{messages.LanguageLevel}">  
                                <f:selectItem itemLabel="#{messages.LanguageLevel}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.languageLevels}" var="languageLevel" itemLabel="#{languageLevelBundle[languageLevel.idLanguageLevel.toString()]}" itemValue="#{languageLevel}"/>  
                                <p:ajax update="editVideoUploader editButonAddLanguage buttonAddLanguageDialog"/>
                            </p:selectOneMenu>

                            <p:selectOneMenu styleClass="candidateElementInput"  required="true" requiredMessage="#{messages.WritingLevelRequired}" converter="#{languageLevelConverter}" id="editSelectWritingLevel"  value="#{newEditCandidateBean.collectorLanguageInfo.writingLevel}" effect="fade" label="#{messages.WritingLevel}">  
                                <f:selectItem itemLabel="#{messages.WritingLevel}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.languageLevels}" var="languageLevel" itemLabel="#{languageLevelBundle[languageLevel.idLanguageLevel.toString()]}" itemValue="#{languageLevel}"/>  
                                <p:ajax update="editVideoUploader editButonAddLanguage buttonAddLanguageDialog"/>
                            </p:selectOneMenu>

                            <p:inputText styleClass="candidateElementInput"  id="editLanguageDescription" required="false" value="#{newEditCandidateBean.collectorLanguageInfo.description}" label="#{messages.EducationalDescription}">  
                                <f:validateLength maximum="100"></f:validateLength>
                                <p:ajax />
                            </p:inputText>  
                            <p:watermark for="editLanguageDescription" value="#{messages.EducationalDescription}" />

                            <p:fileUpload id="editVideoUploader" disabled="#{newEditCandidateBean.collectorLanguageInfo.language==null or newEditCandidateBean.collectorLanguageInfo.languageLevel==null or newEditCandidateBean.collectorLanguageInfo.writingLevel==null}" label="#{messages.VideoTag}" process="@parent" update=":editCandidateForm:editGrowl :languageForm:candidateCurrentLanguage :videoForm:videoPanel :advicesForm:advicesPanel" styleClass="uploadButton" auto="true" fileUploadListener="#{newEditCandidateBean.setVideoToCandidate}" invalidFileMessage="#{messages.InvalidVideoFormat}"
                                          oncomplete="PF('editLanguageDialog').hide();reloadContainers();" sizeLimit="40000000" allowTypes="/(\.|\/)(mp4|MP4|avi|AVI|mov|MOV|flv|FLV|m4a|M4A|3gp|3GP|mpg|MPG|mpeg|MPEG|ogg|OGG|swf|SWF|wav|WAF|webm|WEBM|3g2@3G2|aac|AAC|)$/"></p:fileUpload>

                            <p:commandButton rendered="#{newEditCandidateBean.collectorLanguageInfo.idCandidateLanguageInfo!=null}" actionListener="#{newEditCandidateBean.saveLanguage()}" process="@parent" disabled="#{newEditCandidateBean.collectorLanguageInfo.language==null or newEditCandidateBean.collectorLanguageInfo.languageLevel==null or newEditCandidateBean.collectorLanguageInfo.writingLevel==null}" styleClass="grayBackgroundStrong" id="editButonAddLanguage" value="#{messages.Edit}" update=":editCandidateForm:editGrowl :languageForm:languagePanel :videoForm:videoPanel " oncomplete="if (args &amp;&amp; !args.validationFailed){PF('editLanguageDialog').hide();reloadContainers();}" >  
                            </p:commandButton>  
                            <p:commandButton rendered="#{newEditCandidateBean.collectorLanguageInfo.idCandidateLanguageInfo==null}" actionListener="#{newEditCandidateBean.saveLanguage()}" process="@parent" disabled="#{newEditCandidateBean.collectorLanguageInfo.language==null or newEditCandidateBean.collectorLanguageInfo.languageLevel==null or newEditCandidateBean.collectorLanguageInfo.writingLevel==null}" styleClass="grayBackgroundStrong" id="buttonAddLanguageDialog" value="#{messages.Add}" update=":editCandidateForm:editGrowl :languageForm:languagePanel :videoForm:videoPanel :advicesForm:advicesPanel" oncomplete="if (args &amp;&amp; !args.validationFailed){PF('editLanguageDialog').hide();reloadContainers();}" >  
                            </p:commandButton>
                        </p:panel>
                    </p:dialog>
                </h:form>
                <h:form id="professionalDialogForm">
                    <p:dialog id="editProfessionalInfoDialog" position="top" modal="true" widgetVar="editProfessionalInfoDialog" resizable="false" showEffect="fade" hideEffect="fade" header="#{messages.Professional}">  
                        <p:panel id="editProfessionalPanel" styleClass="noPaddingTopTitle noBorder noMargin noPadding">
                            <f:event listener="#{newEditCandidateBean.validateExperienceFinishDateDialog}" type="postValidate" />
                            <p:selectOneMenu  style="margin-top:0.3em; margin-bottom:0!important;" styleClass="block " filter="true" filterMatchMode="contains" required="false" requiredMessage="#{messages.SectorRequired}" converter="#{sectorConverter}" id="editSelectProfessionalSector"  value="#{newEditCandidateBean.collectorProfessionalInfo.sector}" effect="fade" label="#{messages.Sector}">  
                                <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>
                            </p:selectOneMenu>
                            <p:inputText styleClass="inputField block" style=" margin-bottom:0.3em!important;"  required="true" requiredMessage="#{messages.CompanyRequired}" id="companyEdit" value="#{newEditCandidateBean.collectorProfessionalInfo.company}" label="#{messages.Company}">  
                                <f:validateLength maximum="100"></f:validateLength>
                            </p:inputText>  
                            <p:watermark for="companyEdit" value="#{messages.Company}" />

                            <p:selectOneMenu styleClass="block" style=" margin-bottom:0!important;" filter="true" filterMatchMode="contains" required="true" requiredMessage="#{messages.JobPositionRequired}" converter="#{jobPositionConverter}" id="editSelectJobPosition"  value="#{newEditCandidateBean.collectorProfessionalInfo.jobPosition}" effect="fade" label="#{messages.JobPosition}">  
                                <f:selectItem itemLabel="#{messages.JobPosition}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.jobPositions}" var="jobPosition" itemLabel="#{jobPositionBundle[jobPosition.idJobPosition.toString()]}" itemValue="#{jobPosition}"/>
                            </p:selectOneMenu>

                            <p:selectOneMenu style=" margin-bottom:0!important;" styleClass="block" required="true" requiredMessage="#{messages.JobDurationRequired}" converter="#{jobDurationConverter}" id="editSelectJobDuration"  value="#{newEditCandidateBean.collectorProfessionalInfo.jobDuration}" effect="fade" label="#{messages.JobDuration}">  
                                <f:selectItem itemLabel="#{messages.JobDuration}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.jobDurations}" var="jobDuration" itemLabel="#{jobDurationBundle[jobDuration.idJobDuration.toString()]}" itemValue="#{jobDuration}"/>  
                            </p:selectOneMenu>

                            <p:calendar mindate="1/1/1950" yearRange="c-50:c+50" pattern="dd/MM/yyyy" maxdate="1/1/2050" styleClass="block inputCalendar professionalDialogCalendar" locale="es" value="#{newEditCandidateBean.collectorProfessionalInfo.startDate}" navigator="true" required="true" id="editStartDateProfessional" requiredMessage="#{messages.StartDateRequired}" label="#{messages.StartDate}">
                            </p:calendar>
                            <p:watermark for="editStartDateProfessional" value="#{messages.StartDate}  (dd/mm/yyyy)" />

                            <p:calendar mindate="1/1/1950" yearRange="c-50:c+50" pattern="dd/MM/yyyy" styleClass="inputCalendar block professionalDialogCalendar" locale="es" value="#{newEditCandidateBean.collectorProfessionalInfo.finishDate}" navigator="true" required="false" id="editFinishDateProfessional" requiredMessage="#{messages.FinishDateRequired}" label="#{messages.FinishDate}">
                            </p:calendar>
                            <p:watermark for="editFinishDateProfessional" value="#{messages.FinishDate}  (dd/mm/yyyy)" />

                            <div style="margin-bottom:0.3em;">
                                <p:selectBooleanCheckbox id="workingNowDialog" value="#{newEditCandidateBean.collectorProfessionalInfo.current}" /> 
                                <h:outputText value="#{messages.WorkingNow}" />  
                            </div>

                            <p:inputTextarea autoResize="false" styleClass="ui-inputtext inputField block" required="false" id="editShortDescription" value="#{newEditCandidateBean.collectorProfessionalInfo.description}" label="#{messages.Description}" maxlength="150" counter="editCounter" counterTemplate="{0} #{messages.CharactersRemaining}" >  
                                <f:validateLength maximum="150"></f:validateLength>
                            </p:inputTextarea>  
                            <p:watermark for="editShortDescription" value="#{messages.DescriptionProfessional}" />
                            <h:outputText styleClass="bodyText block" id="editCounter" />
                            <p:commandButton rendered="#{newEditCandidateBean.collectorProfessionalInfo.idCandidateProfessionalInfo==null}" style="margin-bottom: 0.5em;margin-top: 0.5em;" process="@parent" actionListener="#{newEditCandidateBean.saveProfessional()}" styleClass="updatePicturesButton formButton grayBackgroundStrong block" id="btn_add_dialog" value="#{messages.Add}" oncomplete="if (args &amp;&amp; !args.validationFailed){editProfessionalInfoDialog.hide();reloadContainers();}" update=":editCandidateForm:editGrowl :professionalForm:professionalPanel :advicesForm:advicesPanel"></p:commandButton>    
                            <p:commandButton rendered="#{newEditCandidateBean.collectorProfessionalInfo.idCandidateProfessionalInfo!=null}" style="margin-bottom: 0.5em;margin-top: 0.5em;" process="@parent" actionListener="#{newEditCandidateBean.editProfessional()}" styleClass="grayBackgroundStrong block" id="btn_edit" value="#{messages.Edit}" oncomplete="if (args &amp;&amp; !args.validationFailed){editProfessionalInfoDialog.hide();reloadContainers();}" update=":editCandidateForm:editGrowl :professionalForm:professionalPanel"></p:commandButton>
                        </p:panel>
                    </p:dialog> 
                </h:form>
                <h:form id="educationalDialogForm">
                    <p:dialog id="editEducationalInfoDialog" widgetVar="editEducationalInfoDialog" position="top" modal="true" resizable="false" showEffect="fade" hideEffect="fade" header="#{messages.Educational}" >  
                        <p:panel id="editEducationalPanel" styleClass="noPaddingTopTitle noBorder noMargin noPadding addPanelSectionMargin">
                            <p:panel id="selectorEducationalLevel" styleClass="marginTop05em">  
                                <p:selectOneMenu required="true" requiredMessage="#{messages.EducationalLevelRequired}" converter="#{educationalLevelConverter}" id="editSelectEducationalLevel"  value="#{newEditCandidateBean.collectorEducationalInfo.educationalLevel}" effect="fade" label="#{messages.EducationalLevel}">  
                                    <f:selectItem itemLabel="#{messages.EducationalLevel}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.educationalLevels}" var="editEducationalLevel" itemLabel="#{educationalLevelBundle[editEducationalLevel.idEducationalLevel.toString()]}" itemValue="#{editEducationalLevel}"/>  
                                    <p:ajax event="change" update=":educationalDialogForm:editEducationalPanel"/>  
                                </p:selectOneMenu>
                            </p:panel>
                            <p:panel id="educationalValuePanel" rendered="#{newEditCandidateBean.collectorEducationalInfo.educationalLevel.educationalValue>'2'}">  
                                <p:inputText id="editEducationalDescription" required="true" value="#{newEditCandidateBean.collectorEducationalInfo.description}" label="#{messages.EducationalDescription}">  
                                    <f:validateLength maximum="100"></f:validateLength>
                                </p:inputText>  
                                <p:watermark for="editEducationalDescription" value="#{messages.EducationalDescription}" />

                                <p:selectOneMenu required="true" filter="true" filterMatchMode="contains" converter="#{sectorConverter}" id="editSelectSector"  value="#{newEditCandidateBean.collectorEducationalInfo.sector}" effect="fade" label="#{messages.Sector}">  
                                    <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>  
                                </p:selectOneMenu>
                                <p:selectOneMenu required="true" converter="#{educationalStatusConverter}" id="editSelectStatus"  value="#{newEditCandidateBean.collectorEducationalInfo.status}" effect="fade" label="#{messages.EducationalStatus}">  
                                    <f:selectItem itemLabel="#{messages.EducationalStatus}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.educationalStatuses}" var="editSelectStatus" itemLabel="#{educationalStatusBundle[editSelectStatus.idEducationalStatus.toString()]}" itemValue="#{editSelectStatus}"/>  
                                </p:selectOneMenu>                                
                            </p:panel>
                            <p:commandButton rendered="#{newEditCandidateBean.collectorEducationalInfo.idCandidateEducationalInfo==null}" process="@parent" actionListener="#{newEditCandidateBean.saveEducational()}" styleClass="grayBackgroundStrong" value="#{messages.Add}" update=":editCandidateForm:editGrowl :educationalForm:educationalPanel :advicesForm:advicesPanel" oncomplete="if (args &amp;&amp; !args.validationFailed){PF('editEducationalInfoDialog').hide();reloadContainers();}"></p:commandButton>
                            <p:commandButton rendered="#{newEditCandidateBean.collectorEducationalInfo.idCandidateEducationalInfo!=null}" process="@parent" actionListener="#{newEditCandidateBean.editEducational()}" styleClass="grayBackgroundStrong" value="#{messages.Edit}" update=":editCandidateForm:editGrowl :educationalForm:educationalPanel" oncomplete="if (args &amp;&amp; !args.validationFailed){PF('editEducationalInfoDialog').hide();reloadContainers();}"></p:commandButton>
                        </p:panel>
                    </p:dialog> 
                </h:form>
                <h:form id="interestDialogForm">
                    <p:dialog id="editInterestAreaDialog" position="top" modal="true" resizable="false" widgetVar="editInterestAreaDialog" header="#{candidateMessages.Interest}">
                        <p:panel id="interestPanelDialog" styleClass="noBorder noMargin noPadding">
                            <p:selectOneMenu filter="true" filterMatchMode="contains" converter="#{sectorConverter}"  value="#{newEditCandidateBean.collectorInterestArea.sector}" effect="fade" label="#{messages.Sector}">  
                                <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>
                                <p:ajax update=":interestDialogForm:interestPanelDialog"/>
                            </p:selectOneMenu>

                            <p:selectOneMenu filter="true" filterMatchMode="contains" converter="#{jobPositionConverter}"   value="#{newEditCandidateBean.collectorInterestArea.jobPosition}" effect="fade" label="#{messages.JobPosition}">  
                                <f:selectItem itemLabel="#{messages.JobPosition}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.jobPositions}" var="jobPosition" itemLabel="#{jobPositionBundle[jobPosition.idJobPosition.toString()]}" itemValue="#{jobPosition}"/>
                                <p:ajax update=":interestDialogForm:interestPanelDialog"/>
                            </p:selectOneMenu>

                            <p:selectOneMenu converter="#{desiredSalaryConverter}" value="#{newEditCandidateBean.collectorInterestArea.desiredSalary}" effect="fade" label="#{messages.DesiredSalary}">  
                                <f:selectItem itemLabel="#{messages.DesiredSalary}" itemValue="" />  
                                <f:selectItems value="#{resourcesBean.desiredSalaries}" var="desiredSalary" itemLabel="#{desiredSalary.description}" itemValue="#{desiredSalary}"/>  
                                <p:ajax update=":interestDialogForm:interestPanelDialog"/>
                            </p:selectOneMenu>
                            <p:commandButton style="margin-bottom: 0.5em!important;" rendered="#{newEditCandidateBean.collectorInterestArea.idCandidateInterestArea==null}" actionListener="#{newEditCandidateBean.saveInterest()}" process="@parent" styleClass=" grayBackgroundStrong" disabled="#{newEditCandidateBean.collectorInterestArea.sector==null and newEditCandidateBean.collectorInterestArea.jobPosition==null and newEditCandidateBean.collectorInterestArea.desiredSalary==null}"  id="butonAddInterestAreaDialog" value="#{messages.Add}" update=":editCandidateForm:editGrowl :interestForm:interestParentPanel :advicesForm:advicesPanel" oncomplete="if (args &amp;&amp; !args.validationFailed){PF('editInterestAreaDialog').hide();reloadContainers();}"  ></p:commandButton>  
                            <p:commandButton style="margin-bottom: 0.5em!important;" rendered="#{newEditCandidateBean.collectorInterestArea.idCandidateInterestArea!=null}" actionListener="#{newEditCandidateBean.saveInterest()}" process="@parent" styleClass=" grayBackgroundStrong" disabled="#{newEditCandidateBean.collectorInterestArea.sector==null and newEditCandidateBean.collectorInterestArea.jobPosition==null and newEditCandidateBean.collectorInterestArea.desiredSalary==null}"  id="butonEditInterestAreaDialog" value="#{messages.Edit}" update=":editCandidateForm:editGrowl :interestForm:interestParentPanel :advicesForm:advicesPanel" oncomplete="if (args &amp;&amp; !args.validationFailed){PF('editInterestAreaDialog').hide();reloadContainers();}"  ></p:commandButton>  
                        </p:panel>
                    </p:dialog>
                </h:form>
                <h:form id="relocatingDialogForm">
                    <p:dialog widgetVar="relocatingDialog" position="top" modal="true" header="#{messages.ProvinceText}">
                        <p:panel id="provincesPanel">
                            <p:dataTable  id="provinceTable" var="province" value="#{newEditCandidateBean.selectedCountry.provinceList}" styleClass="table-no-select-all width100 tableHeaderWhite tableNoPadding bigFontTable"
                                          paginator="true" rows="10" paginatorPosition="bottom"
                                          paginatorTemplate="{PreviousPageLink} {PageLinks} {NextPageLink}"
                                          selection="#{newEditCandidateBean.provinceList}" rowSelectMode="add" rowKey="#{province.idProvince}" rendered="#{newEditCandidateBean.selectedCountry!=null}" >  
                                <p:ajax event="rowSelect" update=":relocatingDialogForm:provincesPanel" listener="#{newEditCandidateBean.addProvince()}"  />
                                <p:ajax event="rowSelectCheckbox" update=":relocatingDialogForm:provincesPanel" listener="#{newEditCandidateBean.addProvince()}"   />
                                <p:ajax event="rowUnselect" update=":relocatingDialogForm:provincesPanel"/>
                                <p:ajax event="rowUnselectCheckbox" update=":relocatingDialogForm:provincesPanel"/>
                                <p:column selectionMode="multiple" style="width:4%;text-align: center;" >
                                    <f:facet name="header"> 
                                        <p:selectBooleanCheckbox  value="#{newEditCandidateBean.allProvinces}" >
                                            <p:ajax update=":relocatingDialogForm:provincesPanel" listener="#{newEditCandidateBean.addProvince()}"/> 
                                        </p:selectBooleanCheckbox>
                                    </f:facet>                                           
                                </p:column>

                                <p:column styleClass="noPadding" style="width:95%;padding:0!important" >  
                                    <f:facet name="header">  
                                        <p:panel styleClass="textAlignLeft noPadding" rendered="#{newEditCandidateBean.selectedCountry!=null}">
                                            <h:outputText value="#{messages.All}" />  
                                        </p:panel>
                                    </f:facet>  
                                    <h:outputText value="#{province.description}"  />  
                                </p:column>  
                            </p:dataTable>   
                            <p:commandButton value="#{messages.Add}" styleClass="grayBackgroundStrong" actionListener="#{newEditCandidateBean.addProvinces()}" oncomplete="if (args &amp;&amp; !args.validationFailed){PF('relocatingDialog').hide();}"/>
                            <p:commandButton value="#{messages.Cancel}" styleClass="grayBackgroundStrong"  oncomplete="if (args &amp;&amp; !args.validationFailed){PF('relocatingDialog').hide();}"/>
                        </p:panel>
                    </p:dialog>
                </h:form>
                <h:form id="bookDialogForm">
                    <p:dialog position="top" modal="true" showEffect="fade" hideEffect="fade" dynamic="true" id="pictureDialog" widgetVar="pictureDialog">
                        <p:panel id="pictureDialogPanel" styleClass="noMargin noPadding noBorder">
                            <h:graphicImage styleClass="block pictureBookDialog"  value="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/images/#{newEditCandidateBean.selectedPicture.image}" />
                            <p:commandButton styleClass="grayBackgroundStrong" oncomplete="pictureDialog.hide();reloadContainers();" update=":bookForm:galleryPanel" actionListener="#{newEditCandidateBean.removeImage()}" value="#{messages.Remove}"></p:commandButton>
                        </p:panel>
                    </p:dialog>
                </h:form>
                <div id="container">
                    <h:form id="personalForm" styleClass="inlineBlock verticalAlignTop panelContainerWidth personalForm">
                        <p:panel  header="#{candidateMessages.Personal}"  styleClass="noPaddingTitle noMargin noBorder inlineBlock verticalAlignTop yellowTitleBar yellowBackground  panelCandidate  yellowBorder" id="secondPanel">  
                            <p:inputText id="name" styleClass="personalInput" required="true" value="#{newEditCandidateBean.candidate.name}"  requiredMessage="#{messages.NameRequired}" label="#{messages.Name}">  
                            </p:inputText>
                            <p:watermark for="name" value="#{messages.Name}" /> 
                            <p:inputText id="lastName" styleClass="personalInput" required="true" value="#{newEditCandidateBean.candidate.lastName}"  requiredMessage="#{messages.LastNameRequired}" label="#{messages.LastName}">
                            </p:inputText>
                            <p:watermark for="lastName" value="#{messages.LastName}" /> 
                            <p:inputText id="phone" styleClass="personalInput" required="true" value="#{newEditCandidateBean.candidate.phone}"  requiredMessage="#{messages.PhoneRequired}" label="#{messages.Phone}">
                            </p:inputText>
                            <p:watermark for="phone" value="#{messages.Phone}" /> 
                            <p:calendar  mindate="1/1/1950" yearRange="c-50:c+50" styleClass="inputCalendar personalInput" pattern="dd/MM/yyyy" maxdate="#{resourcesBean.maxDate}" locale="es" value="#{newEditCandidateBean.candidate.birthDay}" navigator="true" required="true" id="birthDay" requiredMessage="#{messages.BirthDayRequired}" label="#{messages.BirthDay}"/>
                            <p:watermark for="birthDay" value="#{messages.BirthDayWatermark}" /> 
                            <p:selectOneMenu styleClass="personalInput" required="true" converter="#{sexConverter}" id="selectSex" value="#{newEditCandidateBean.candidate.sex}" effect="fade" label="#{messages.Sex}" requiredMessage="#{messages.SexRequired}">  
                                <f:selectItem itemLabel="#{messages.Sex}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.sexs}" var="sex" itemLabel="#{sexBundle[sex.idSex.toString()]}" itemValue="#{sex}"/>  
                            </p:selectOneMenu>
                            <p:selectOneMenu styleClass="personalInput" filter="true" filterMatchMode="contains" required="true" converter="#{countryConverter}" id="selectCountry"  value="#{newEditCandidateBean.candidate.country}" effect="fade"  label="#{messages.Country}" requiredMessage="#{messages.CountryRequired}">  
                                <f:selectItem itemLabel="#{messages.Country}" itemValue="" />  
                                <f:selectItem itemLabel="#{countryBundle[resourcesBean.spain.idCountry.toString()]}"  itemValue="#{resourcesBean.spain}" />  
                                <f:selectItems value="#{userResourcesBean.countries}" var="country" itemLabel="#{countryBundle[country.idCountry.toString()]}" itemValue="#{country}"/>  
                                <p:ajax event="change" process="@this" update="selectProvince selectTown" />
                            </p:selectOneMenu> 
                            <p:selectOneMenu styleClass="personalInput" filter="true" filterMatchMode="contains" required="true" converter="#{provinceConverter}" id="selectProvince"  value="#{newEditCandidateBean.candidate.province}" effect="fade"  label="#{messages.Province}" requiredMessage="#{messages.ProvinceRequired}">  
                                <f:selectItem itemLabel="#{messages.Province}" itemValue="" />  
                                <f:selectItems rendered="#{newEditCandidateBean.candidate.country!=null}" value="#{userResourcesBean.countries[userResourcesBean.countries.indexOf(newEditCandidateBean.candidate.country)].provinceList}" var="province" itemLabel="#{province.description}" itemValue="#{province}"/>  
                                <p:ajax event="change" process="@this" update="selectTown selectProvince" />
                            </p:selectOneMenu>
                            <p:selectOneMenu styleClass="personalInput" filter="true" filterMatchMode="contains" required="true" converter="#{townConverter}" id="selectTown"  value="#{newEditCandidateBean.candidate.town}" effect="fade"  label="#{messages.Town}" requiredMessage="#{messages.TownRequired}">  
                                <f:selectItem itemLabel="#{messages.Town}" itemValue="" />  
                                <f:selectItems rendered="#{newEditCandidateBean.candidate.province!=null}" value="#{userResourcesBean.countries[userResourcesBean.countries.indexOf(newEditCandidateBean.candidate.country)].provinceList[userResourcesBean.countries[userResourcesBean.countries.indexOf(newEditCandidateBean.candidate.country)].provinceList.indexOf(newEditCandidateBean.candidate.province)].townList}" var="town" itemLabel="#{town.description}" itemValue="#{town}"/>  
                                <p:ajax event="change" process="@this" update=":editCandidateForm:editGrowl selectTown" />
                            </p:selectOneMenu>
                            <p:selectOneMenu styleClass="personalInput" required="true" converter="#{timeAvailabilityConverter}" id="selectTimeAvailability"  value="#{newEditCandidateBean.candidate.timeAvailability}" effect="fade"  label="#{messages.TimeAvailability}" requiredMessage="#{messages.TimeAvailabilityRequired}">  
                                <f:selectItem itemLabel="#{messages.TimeAvailability}" itemValue="" />  
                                <f:selectItems value="#{userResourcesBean.timeAvailabilities}" var="timeAvailability" itemLabel="#{timeAvailabilityBundle[timeAvailability.idTimeAvailability.toString()]}" itemValue="#{timeAvailability}"/>  
                                <p:ajax event="change" process="@this" update=":editCandidateForm:editGrowl" />
                            </p:selectOneMenu>
                            <p:selectOneMenu styleClass="personalInput" id="selectOwnVehicle"  value="#{newEditCandidateBean.candidate.hasVehicle}" effect="fade" required="false" label="#{messages.OwnVehicle}" requiredMessage="#{messages.OwnVehicleRequired}">  
                                <f:selectItem itemLabel="#{messages.OwnVehicle}" itemValue="" />
                                <f:selectItem itemLabel="#{messages.Yes}" itemValue="#{true}" />
                                <f:selectItem itemLabel="#{messages.No}" itemValue="#{false}" />
                            </p:selectOneMenu>
                            <p:inputTextarea  autoResize="false" styleClass="ui-inputtext personalTextArea inputField block width100" required="false" id="candidateDescription" value="#{newEditCandidateBean.candidate.description}" label="#{messages.PersonalSummary}" maxlength="280" counter="descriptionCandidateCounter" counterTemplate="{0} #{messages.CharactersRemaining}" >  
                                <f:validateLength maximum="280"></f:validateLength>
                            </p:inputTextarea> 
                            <p:watermark for="candidateDescription" value="#{messages.PersonalSummary}" />
                            <h:outputText styleClass="bodyText block" id="descriptionCandidateCounter" />
                            <p:commandButton styleClass="grayBackgroundStrong marginBottom05em" value="#{messages.Update}" process="secondPanel" update=":editCandidateForm:editGrowl secondPanel :headerForm:loggedinPanel :advicesForm:advicesPanel" actionListener="#{newEditCandidateBean.editPersonal()}" />                        
                        </p:panel>
                    </h:form>

                    <div id="picturesDiv" class="inlineBlock verticalAlignTop panelContainerWidth picturesForm">
                        <p:panel styleClass="panelCandidate noMargin noPaddingTitle redBorder redSectionBackground" header="#{messages.Images}">
                            <h:form id="picturesForm">
                                <p:panel styleClass="redSectionBackground noMargin noBorder" id="imagesPanel">
                                    <h:outputText value="#{messages.NoPicturesInfoYet}" rendered="#{newEditCandidateBean.candidate.bustColor==null}"/>
                                    <p:panel rendered="#{(newEditCandidateBean.originalImageFileName==null)}" styleClass=" noMargin noPadding noBorder" id="currentImagesPanel">
                                        <p:panel styleClass="noMargin noBorder noPadding chosenBustImage inlineBlock verticalAlignTop " style="width: 45%!important;margin-right:10%!important;">
                                            <p:commandLink onclick="$('input[type=file][class=imageFileUpload]').click();" rendered="#{newEditCandidateBean.candidate.bustBlackWhite==null}">
                                                <h:graphicImage styleClass="chosenBustImage left greyBackground width100" library="images" name="bustnotavailable.png"></h:graphicImage>
                                            </p:commandLink>
                                            <h:graphicImage styleClass="width100" rendered="#{newEditCandidateBean.candidate.bustBlackWhite!=null}"  value="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/images/#{newEditCandidateBean.candidate.bustBlackWhite}"></h:graphicImage>

                                        </p:panel>
                                        <p:panel styleClass="noMargin noBorder noPadding chosenBustImage inlineBlock verticalAlignTop" style="width: 45%!important;">
                                            <p:commandLink onclick="$('input[type=file][class=imageFileUpload]').click();" rendered="#{newEditCandidateBean.candidate.bodyFormal==null}">
                                                <h:graphicImage styleClass="chosenBodyImage floatRight greyBackground width100" library="images" name="bodynotavailable.png"></h:graphicImage>
                                            </p:commandLink>
                                            <h:graphicImage styleClass="width100" rendered="#{newEditCandidateBean.candidate.bodyFormal!=null}"  value="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/images/#{newEditCandidateBean.candidate.bodyFormal}"></h:graphicImage>
                                        </p:panel>
                                    </p:panel>    

                                    <p:panel styleClass="noBorder cropPanel imageSectionPanel" id="croppingBustPanel" rendered="#{(newEditCandidateBean.originalImageResized!=null and newEditCandidateBean.bustCroppedImage==null) or (newEditCandidateBean.originalImageResized!=null and newEditCandidateBean.chosenBustImage!=null and newEditCandidateBean.bodyCroppedImage==null)}">
                                        <p:panel rendered="#{newEditCandidateBean.originalImageResized!=null and newEditCandidateBean.bustCroppedImage==null}">
                                            <script type="text/javascript" language="javascript">
                                                $(window).load(function() {
                                                    initCropping('#{newEditCandidateBean.originalImageResized.bufferedImage.width}', '#{newEditCandidateBean.originalImageResized.bufferedImage.height}', '250', '250');
                                                });
                                                setTimeout(function() {
                                                    initCropping('#{newEditCandidateBean.originalImageResized.bufferedImage.width}', '#{newEditCandidateBean.originalImageResized.bufferedImage.height}', '250', '250');
                                                }, 500);

                                            </script>
                                            <div class="inlineBlock verticalAlignTop imagesAdvicedWidth">
                                                <h:outputText value="#{messages.CropBust}"/>
                                            </div>
                                            <div class="inlineBlock verticalAlignTop imagesAdvicedWidth">
                                                <h:graphicImage styleClass="greyBackground width100" library="images" name="foto-ejemplo-retrato.jpg"></h:graphicImage>
                                            </div>
                                        </p:panel>
                                        <p:panel rendered="#{newEditCandidateBean.originalImageResized!=null and newEditCandidateBean.chosenBustImage!=null and newEditCandidateBean.bodyCroppedImage==null}">
                                            <script type="text/javascript" language="javascript">
                                                $(window).load(function() {
                                                    initCropping('#{newEditCandidateBean.originalImageResized.bufferedImage.width}', '#{newEditCandidateBean.originalImageResized.bufferedImage.height}', '350', '600');
                                                });
                                                setTimeout(function() {
                                                    initCropping('#{newEditCandidateBean.originalImageResized.bufferedImage.width}', '#{newEditCandidateBean.originalImageResized.bufferedImage.height}', '350', '600');
                                                }, 500);
                                            </script>
                                            <div class="inlineBlock verticalAlignTop" style="width:48%!important;">
                                                <h:outputText value="#{messages.CropBody}"/>
                                            </div>
                                            <div class="inlineBlock verticalAlignTop" style="width:48%!important;">
                                                <h:graphicImage styleClass="greyBackground width100" library="images" name="foto-ejemplo.jpg"></h:graphicImage>
                                            </div>
                                        </p:panel>
                                        <div class="divOriginalImage" id="divOriginalImage" >  
                                            <p:graphicImage styleClass="width100" id="myImage" value="/candidateImages/#{newEditCandidateBean.originalImageFileName}" />  
                                        </div>  
                                        <h:inputHidden  id="x1" value="#{newEditCandidateBean.x1}">
                                        </h:inputHidden>
                                        <h:inputHidden id="x2" value="#{newEditCandidateBean.x2}">
                                        </h:inputHidden>
                                        <h:inputHidden id="y1" value="#{newEditCandidateBean.y1}">
                                        </h:inputHidden>
                                        <h:inputHidden id="y2" value="#{newEditCandidateBean.y2}">
                                        </h:inputHidden>
                                        <h:inputHidden id="cropWidth" value="#{newEditCandidateBean.cropWidth}">
                                        </h:inputHidden>
                                        <h:inputHidden id="cropHeight" value="#{newEditCandidateBean.cropHeight}">
                                        </h:inputHidden>
                                        <p:commandButton value="Girar" process="@parent" styleClass="grayBackgroundStrong marginTop05em" update=":picturesForm" actionListener="#{newEditCandidateBean.rotateImage()}" oncomplete="reloadContainers();"></p:commandButton>
                                        <p:commandButton styleClass="grayBackgroundStrong marginTop05em" value="#{messages.Crop}" process="@parent" update=":picturesForm:imagesPanel" id="cropBustButton" actionListener="#{newEditCandidateBean.cropImageAndRedirect()}" rendered="#{newEditCandidateBean.originalImageResized!=null and newEditCandidateBean.bustCroppedImage==null}" oncomplete="reloadContainers();"/>
                                        <p:commandButton styleClass="grayBackgroundStrong marginTop05em" value="#{messages.Crop}" process="@parent" update=":picturesForm:imagesPanel" id="cropBodyButton" actionListener="#{newEditCandidateBean.cropBodyImageAndRedirect()}" rendered="#{newEditCandidateBean.originalImageResized!=null and newEditCandidateBean.chosenBustImage!=null and newEditCandidateBean.bodyCroppedImage==null}" oncomplete="reloadContainers();"/> 
                                    </p:panel>
                                    <p:panel rendered="#{newEditCandidateBean.chosenBodyImage!=null and newEditCandidateBean.chosenBustImage!=null}" styleClass="noMargin width100 noPadding noBorder" id="previewImagesPanel">
                                        <h:outputText value="#{messages.ResultImages}" styleClass="block"/>
                                        <p:graphicImage style="width: 45%!important;" cache="false" styleClass="chooseBustImage"  value="/candidateImages/#{newEditCandidateBean.bustCroppedImageName}"></p:graphicImage>
                                        <p:graphicImage style="width: 45%!important; margin-left:10%!important;" cache="false" styleClass="chooseBodyImage floatRight" value="/candidateImages/#{newEditCandidateBean.bodyCroppedImageName}"></p:graphicImage>
                                    </p:panel>
                                    <p:commandButton rendered="#{newEditCandidateBean.chosenBodyImage!=null and newEditCandidateBean.chosenBustImage!=null}" styleClass="grayBackgroundStrong marginTop05em" value="#{messages.Update}" process="imagesPanel" update=":editCandidateForm:editGrowl imagesPanel :advicesForm:advicesPanel"  actionListener="#{newEditCandidateBean.editImages()}" oncomplete="reloadContainers();" />                        
                                    <p:commandButton rendered="#{newEditCandidateBean.chosenBodyImage!=null or newEditCandidateBean.chosenBustImage!=null or newEditCandidateBean.originalImageResized!=null}" styleClass="grayBackgroundStrong marginTop05em" value="#{messages.Cancel}"  process="imagesPanel" update=":editCandidateForm:editGrowl imagesPanel"   actionListener="#{newEditCandidateBean.reinitEditImageBean()}" oncomplete="reloadContainers();" />
                                </p:panel>
                            </h:form>
                            <h:form id="uploadPictureForm" enctype="multipart/form-data" styleClass="block width100">
                                <p:fileUpload auto="true" styleClass="imageFileUpload uploadButton marginTop05em" id="imageFileUploader" uploadLabel="#{messages.Upload}" label="#{messages.BustImageFileUploadLabel}" cancelLabel="#{messages.Cancel}" invalidSizeMessage="#{messages.BustFileSize}" invalidFileMessage="#{messages.BustFileFormat}" requiredMessage="#{messages.BustRequired}" fileUploadListener="#{newEditCandidateBean.processOriginalImageFile}" value="#{newEditCandidateBean.originalImageFile}" update=":picturesForm:imagesPanel :editCandidateForm:editGrowl" process="@form" sizeLimit="30000000" allowTypes="/(\.|\/)(gif|GIF|jpe?g|JPE?G|PNG|png|bmp|BMP)$/" oncomplete="reloadContainers();"/>
                            </h:form>
                        </p:panel>
                    </div>
                    <h:form id="videoForm" styleClass="inlineBlock verticalAlignTop panelContainerWidth videoForm">
                        <p:panel id="videoPanel" styleClass="panelCandidate noMargin noPaddingTitle redBorder redSectionBackground" header="#{messages.VideoTag}">
                            <h:outputText value="#{messages.NoVideoYet}" styleClass="block" rendered="#{newEditCandidateBean.candidateLanguageVideo.video==null}" />
                            <h:outputText value="#{messages.Loading}" styleClass="block" rendered="#{newEditCandidateBean.candidateLanguageVideo.video!=null and newEditCandidateBean.candidateLanguageVideo.video.equals('0')}" />                        
                            <p:panel styleClass="noBorder noMargin noPadding width100" rendered="#{newEditCandidateBean.candidateLanguageVideo.video!=null and !newEditCandidateBean.candidateLanguageVideo.video.equals('0')}">
                                <video id="video#{newEditCandidateBean.candidateLanguageVideo.video}" class="width100 video-js vjs-default-skin" controls="true">
                                    <source id="srcWebm" type="video/webm" src="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/videos/#{newEditCandidateBean.candidateLanguageVideo.video}.webm" />
                                    <source id="srcMp4" type="video/mp4" src="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/videos/#{newEditCandidateBean.candidateLanguageVideo.video}.mp4" />
                                    <source id="srcOgg" type="video/ogg" src="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/videos/#{newEditCandidateBean.candidateLanguageVideo.video}.ogg" />
                                </video>
                            </p:panel>
                            <p:fileUpload id="videoUploader" label="#{messages.VideoTag}" process="@this" update=":editCandidateForm:editGrowl videoPanel :languageForm:languagePanel :advicesForm:advicesPanel" styleClass="uploadButton marginTop05em" auto="true" fileUploadListener="#{newEditCandidateBean.setPrincipalVideoToCandidate}" invalidFileMessage="#{messages.InvalidVideoFormat}" sizeLimit="400000000" allowTypes="/(\.|\/)(mp4|MP4|avi|AVI|mov|MOV|flv|FLV|m4a|M4A|3gp|3GP|mpg|MPG|mpeg|MPEG|ogg|OGG|swf|SWF|wav|WAF|webm|WEBM|3g2@3G2|aac|AAC|)$/" oncomplete="reloadContainers();"></p:fileUpload>
                        </p:panel>
                    </h:form>
                    <h:form id="bookForm" styleClass="inlineBlock verticalAlignTop panelContainerWidth videoForm">
                        <p:panel id="bookPanel" styleClass="panelCandidate noMargin noPaddingTitle redBorder redSectionBackground" header="#{messages.Book}">                      
                            <p:panel id="galleryPanel" styleClass="noMargin noPadding noBorder marginTop05em">
                                <ui:repeat var="bookImage" value="#{newEditCandidateBean.candidate.candidateBookImageList}">   
                                    <p:commandLink styleClass="inlineBlock verticalAlignTop dataListBookColumn" update=":bookDialogForm:pictureDialog" oncomplete="pictureDialog.show();">
                                        <h:graphicImage styleClass="width100" value="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/images/#{bookImage.image}" />  
                                        <f:setPropertyActionListener value="#{bookImage}" target="#{newEditCandidateBean.selectedPicture}"></f:setPropertyActionListener>
                                    </p:commandLink>
                                </ui:repeat>
                                <p:fileUpload auto="true" styleClass="imageFileUpload uploadButton marginTop05em" update="bookPanel :editCandidateForm:editGrowl" id="bookFileUploader" uploadLabel="#{messages.Upload}" label="#{messages.Upload}" cancelLabel="#{messages.Cancel}" invalidSizeMessage="#{messages.BustFileSize}" invalidFileMessage="#{messages.BustFileFormat}" requiredMessage="#{messages.BustRequired}" fileUploadListener="#{newEditCandidateBean.uploadBookImage}" process="@this" oncomplete="reloadContainers();" sizeLimit="3000000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>
                            </p:panel>
                        </p:panel>
                    </h:form>     
                    <h:form id="languageForm" enctype="multipart/form-data" styleClass="inlineBlock verticalAlignTop panelContainerWidth  languageForm">
                        <p:panel styleClass="noMargin redBorder noPaddingTitle redSectionBackground panelCandidate" id="languagePanel">
                            <p:panel header="#{messages.Language}" styleClass="noMargin noPadding width100" id="candidateCurrentLanguage">
                                <p:dataGrid styleClass="" emptyMessage="#{messages.NoLanguageInfoYet}" var="currentLanguageInfo" value="#{newEditCandidateBean.candidate.candidateLanguageInfoList}" columns="1" >
                                    <div class="redSlimBorder "> 
                                        <div class="lightRedBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.Language}"></h:outputText>
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop redlimBorderTop">
                                                <h:outputText value="#{languageBundle[currentLanguageInfo.language.idLanguage.toString()]}" />  
                                            </div>
                                        </div>
                                        <div class="lightRedBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.LanguageLevel}"></h:outputText>
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop">
                                                <h:outputText value="#{languageLevelBundle[currentLanguageInfo.languageLevel.idLanguageLevel.toString()]}" />  

                                            </div>
                                        </div>
                                        <div class="lightRedBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.WritingLevel}"></h:outputText>
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop">
                                                <h:outputText value="#{languageLevelBundle[currentLanguageInfo.writingLevel.idLanguageLevel.toString()]}" />
                                            </div>
                                        </div>
                                        <div class="lightRedBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.EducationalDescription}"></h:outputText>
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop ">
                                                <h:outputText value="#{currentLanguageInfo.description}" rendered="#{currentLanguageInfo.description!=null and !currentLanguageInfo.description.equals('')}" />
                                                <h:outputText value="-" rendered="#{currentLanguageInfo.description==null or currentLanguageInfo.description.equals('')}" />
                                            </div>
                                        </div>
                                        <div class="lightRedBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.VideoTag}"></h:outputText>
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop redSlimBorderBottom">
                                                <h:outputText value="#{messages.Available}" styleClass="block" rendered="#{currentLanguageInfo.video!=null and !currentLanguageInfo.video.equals('0')}" />
                                                <h:outputText value="#{messages.NotUploaded}" styleClass="block" rendered="#{currentLanguageInfo.video==null}" />
                                                <h:outputText value="#{messages.Loading}" styleClass="block" rendered="#{currentLanguageInfo.video!=null and currentLanguageInfo.video.equals('0')}" />
                                                <p:commandButton styleClass="grayBackgroundStrong editCategoryButton noSmartphone" value="#{messages.Edit}" process="@this" actionListener="#{newEditCandidateBean.setCollectorLanguageInfo(currentLanguageInfo)}" update=":languageDialogForm:editLanguagePanel" oncomplete="PF('editLanguageDialog').show();reloadContainers();">
                                                </p:commandButton >
                                                <p:commandButton styleClass="grayBackgroundStrong editCategoryButton displayNone smartphone inlineBlock" value="#{messages.Edit}" process="@this" actionListener="#{newEditCandidateBean.setCollectorLanguageInfo(currentLanguageInfo)}" action="/views/smartphone/candidate/LanguageDialog?faces-redirect=true">
                                                </p:commandButton >
                                                <p:commandButton styleClass="grayBackgroundStrong deleteCategoryButton" actionListener="#{newEditCandidateBean.removeCandidateLanguageInfo(currentLanguageInfo)}" update=":languageForm:languagePanel :videoForm:videoPanel :advicesForm:advicesPanel" process=":languageForm:candidateCurrentLanguage" value="#{messages.Remove}" oncomplete="reloadContainers();">  
                                                    <p:collector unique="true" value="#{currentLanguageInfo}" removeFrom="#{newEditCandidateBean.candidate.candidateLanguageInfoList}" />
                                                </p:commandButton> 
                                            </div>
                                        </div>
                                    </div>
                                    <p:panel  styleClass="noBorder noMargin noPadding width100" rendered="#{currentLanguageInfo.video!=null and !currentLanguageInfo.video.equals('0')}">
                                        <video id="languageVideo#{currentLanguageInfo.video}" class="width100 video-js vjs-default-skin" controls="true">
                                            <source id="srcWebm" type="video/webm" src="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/videos/#{currentLanguageInfo.video}.webm" />
                                            <source id="srcMp4" type="video/mp4" src="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/videos/#{currentLanguageInfo.video}.mp4" />
                                            <source id="srcOgg" type="video/ogg" src="/candidateFiles/#{newEditCandidateBean.candidate.idCandidate.toString()}/videos/#{currentLanguageInfo.video}.ogg" />
                                        </video>
                                    </p:panel>

                                </p:dataGrid>
                                <p:commandButton process="@this" rendered="#{newEditCandidateBean.candidate.candidateLanguageInfoList!=null and !newEditCandidateBean.candidate.candidateLanguageInfoList.isEmpty()}" styleClass="grayBackgroundStrong block candidateButtonAdd noSmartphone" actionListener="#{newEditCandidateBean.reinitCollectorLanguageInfo()}" id="btn_add_panel" oncomplete="PF('editLanguageDialog').show();reloadContainers();" value="#{messages.Add}" update=":editCandidateForm:editGrowl :languageDialogForm:editLanguagePanel"></p:commandButton>  
                                <p:commandButton process="@this" rendered="#{newEditCandidateBean.candidate.candidateLanguageInfoList!=null and !newEditCandidateBean.candidate.candidateLanguageInfoList.isEmpty()}" styleClass="grayBackgroundStrong block candidateButtonAdd displayNone smartphone inlineBlock" actionListener="#{newEditCandidateBean.reinitCollectorLanguageInfo()}" id="btn_add_panel_mvl" value="#{messages.Add}" action="/views/smartphone/candidate/LanguageDialog?faces-redirect=true"></p:commandButton>  
                            </p:panel>
                            <p:panel rendered="#{newEditCandidateBean.candidate.candidateLanguageInfoList!=null and newEditCandidateBean.candidate.candidateLanguageInfoList.isEmpty()}" id="newLanguagePanel">
                                <p:selectOneMenu filter="true" filterMatchMode="contains" required="true" requiredMessage="#{messages.LanguageRequired}" converter="#{languageConverter}" id="selectLanguage"  value="#{newEditCandidateBean.collectorLanguageInfo.language}" effect="fade" label="#{messages.Language}" styleClass="candidateElementInput">  
                                    <f:selectItem itemLabel="#{messages.Language}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.languages}" var="language" itemLabel="#{languageBundle[language.idLanguage.toString()]}" itemValue="#{language}"/>  
                                    <p:ajax update="videoUploader butonAddLanguage"/>
                                </p:selectOneMenu>

                                <p:selectOneMenu styleClass="candidateElementInput"  required="true" requiredMessage="#{messages.LanguageLevelRequired}" converter="#{languageLevelConverter}" id="selectLanguageLevel"  value="#{newEditCandidateBean.collectorLanguageInfo.languageLevel}" effect="fade" label="#{messages.LanguageLevel}">  
                                    <f:selectItem itemLabel="#{messages.LanguageLevel}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.languageLevels}" var="languageLevel" itemLabel="#{languageLevelBundle[languageLevel.idLanguageLevel.toString()]}" itemValue="#{languageLevel}"/>  
                                    <p:ajax update="videoUploader butonAddLanguage"/>
                                </p:selectOneMenu>

                                <p:selectOneMenu styleClass="candidateElementInput"  required="true" requiredMessage="#{messages.WritingLevelRequired}" converter="#{languageLevelConverter}" id="selectWritingLevel"  value="#{newEditCandidateBean.collectorLanguageInfo.writingLevel}" effect="fade" label="#{messages.WritingLevel}">  
                                    <f:selectItem itemLabel="#{messages.WritingLevel}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.languageLevels}" var="languageLevel" itemLabel="#{languageLevelBundle[languageLevel.idLanguageLevel.toString()]}" itemValue="#{languageLevel}"/>  
                                    <p:ajax update="videoUploader butonAddLanguage"/>
                                </p:selectOneMenu>

                                <p:inputText styleClass="candidateElementInput"  id="languageDescription" required="false" value="#{newEditCandidateBean.collectorLanguageInfo.description}" label="#{messages.EducationalDescription}">  
                                    <f:validateLength maximum="100"></f:validateLength>
                                    <p:ajax></p:ajax>
                                </p:inputText>  
                                <p:watermark for="languageDescription" value="#{messages.EducationalDescription}" />
                                <p:fileUpload id="videoUploader" disabled="#{newEditCandidateBean.collectorLanguageInfo.language==null or newEditCandidateBean.collectorLanguageInfo.languageLevel==null or newEditCandidateBean.collectorLanguageInfo.writingLevel==null}" label="#{messages.VideoTag}" process="@parent" update=":editCandidateForm:editGrowl languagePanel :videoForm:videoPanel :advicesForm:advicesPanel" styleClass="uploadButton" auto="true" fileUploadListener="#{newEditCandidateBean.setVideoToCandidate}" invalidFileMessage="#{messages.InvalidVideoFormat}" sizeLimit="400000000" allowTypes="/(\.|\/)(mp4|MP4|avi|AVI|mov|MOV|flv|FLV|m4a|M4A|3gp|3GP|mpg|MPG|mpeg|MPEG|ogg|OGG|swf|SWF|wav|WAF|webm|WEBM|3g2@3G2|aac|AAC|)$/" oncomplete="reloadContainers();"></p:fileUpload>
                                <p:commandButton  actionListener="#{newEditCandidateBean.saveLanguage()}" process="@parent" disabled="#{newEditCandidateBean.collectorLanguageInfo.language==null or newEditCandidateBean.collectorLanguageInfo.languageLevel==null or newEditCandidateBean.collectorLanguageInfo.writingLevel==null}" styleClass="grayBackgroundStrong" id="butonAddLanguage" value="#{messages.Add}" oncomplete="reloadContainers();" update=":editCandidateForm:editGrowl languagePanel :videoForm:videoPanel :advicesForm:advicesPanel" >  
                                </p:commandButton>    
                            </p:panel>
                        </p:panel>
                    </h:form>
                    <h:form id="professionalForm" styleClass="inlineBlock verticalAlignTop panelContainerWidth professionalForm">
                        <p:panel styleClass="panelCandidate noMargin noBorder noPaddingTitle yellowBackground yellowBorder" id="professionalPanel" header="#{messages.Professional}">
                            <p:panel styleClass="noMargin noPadding noBorder width100" id="candidateCurrentProfessional">
                                <p:dataGrid styleClass="dataGridEmptyMargin" emptyMessage="#{messages.AddProfessionalInfo}" columns="1" id="currentProfessionalInfo" var="currentProfessionalInfo" value="#{newEditCandidateBean.candidate.candidateProfessionalInfoList}">
                                    <div class="yellowSlimBorder"> 
                                        <div class="lightYellowBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText  value="#{messages.Sector}" />
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop yellowSlimBorderTop">
                                                <h:outputText  value="#{sectorBundle[currentProfessionalInfo.sector.idSector.toString()]}" />
                                            </div>
                                        </div>
                                        <div class="lightYellowBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText  value="#{messages.Company}" />
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop">
                                                <h:outputText  value="#{currentProfessionalInfo.company}" />
                                            </div>
                                        </div>
                                        <div class="lightYellowBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.JobPosition}" />
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop">
                                                <h:outputText value="#{jobPositionBundle[currentProfessionalInfo.jobPosition.idJobPosition.toString()]}" />
                                            </div>
                                        </div>
                                        <div class="lightYellowBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.StartDate}" />
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop">
                                                <h:outputText value="#{currentProfessionalInfo.startDate}">
                                                    <f:convertDateTime pattern="d/M/yyyy"></f:convertDateTime>
                                                </h:outputText> 
                                                <h:outputText style="display:block" rendered="#{currentProfessionalInfo.startDate==null}" value="#{messages.Undefined}"/>
                                            </div>
                                        </div>
                                        <div class="lightYellowBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText style="display:block" value="#{messages.FinishDate}" />
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop">
                                                <h:outputText style="display:block" value="#{currentProfessionalInfo.finishDate}">
                                                    <f:convertDateTime pattern="d/M/yyyy"></f:convertDateTime>
                                                </h:outputText>
                                                <h:outputText style="display:block" rendered="#{currentProfessionalInfo.current==true}" value="#{messages.WorkingNow}"/>
                                                <h:outputText style="display:block" rendered="#{currentProfessionalInfo.finishDate==null and currentProfessionalInfo.current==false}" value="#{messages.Undefined}"/>
                                            </div>
                                        </div>
                                        <div class="lightYellowBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.JobDuration}" />
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop yellowSlimBorderBottom">
                                                <h:outputText styleClass="block" value="#{jobDurationBundle[currentProfessionalInfo.jobDuration.idJobDuration.toString()]}" />
                                                <p:commandButton styleClass="grayBackgroundStrong editCategoryButton noSmartphone" value="#{messages.Edit}" process="@this" actionListener="#{newEditCandidateBean.setCollectorProfessionalInfo(currentProfessionalInfo)}" update=":professionalDialogForm:editProfessionalPanel" oncomplete="PF('editProfessionalInfoDialog').show();reloadContainers();">
                                                </p:commandButton >
                                                <p:commandButton styleClass="grayBackgroundStrong editCategoryButton displayNone smartphone inlineBlock" value="#{messages.Edit}" process="@this" actionListener="#{newEditCandidateBean.setCollectorProfessionalInfo(currentProfessionalInfo)}" action="/views/smartphone/candidate/ProfessionalDialog?faces-redirect=true">
                                                </p:commandButton >
                                                <p:commandButton styleClass="grayBackgroundStrong deleteCategoryButton" value="#{messages.Remove}" actionListener="#{newEditCandidateBean.removeCandidateProfessionalInfo(currentProfessionalInfo)}" oncomplete="reloadContainers();" update=":professionalForm:professionalPanel :advicesForm:advicesPanel" process=":professionalForm:candidateCurrentProfessional">  
                                                    <p:collector value="#{currentProfessionalInfo}" unique="true" removeFrom="#{newEditCandidateBean.candidate.candidateProfessionalInfoList}" />
                                                </p:commandButton> 
                                            </div>
                                        </div>
                                    </div>
                                </p:dataGrid>
                                <p:commandButton process="@this" rendered="#{newEditCandidateBean.candidate.candidateProfessionalInfoList!=null and !newEditCandidateBean.candidate.candidateProfessionalInfoList.isEmpty()}" styleClass="grayBackgroundStrong noSmartphone block candidateButtonAdd" actionListener="#{newEditCandidateBean.reinitCollectorProfessionalInfo()}" id="btn_add_panel" oncomplete="PF('editProfessionalInfoDialog').show();reloadContainers();" value="#{messages.Add}" update=":editCandidateForm:editGrowl :professionalDialogForm:editProfessionalPanel"></p:commandButton>    
                                <p:commandButton process="@this" rendered="#{newEditCandidateBean.candidate.candidateProfessionalInfoList!=null and !newEditCandidateBean.candidate.candidateProfessionalInfoList.isEmpty()}" styleClass="grayBackgroundStrong displayNone smartphone block candidateButtonAdd" actionListener="#{newEditCandidateBean.reinitCollectorProfessionalInfo()}" action="/views/smartphone/candidate/ProfessionalDialog?faces-redirect=true" id="btn_add_panel_mvl"  value="#{messages.Add}" ></p:commandButton>    
                            </p:panel>
                            <p:panel styleClass="marginTop noPaddingTopTitle" rendered="#{newEditCandidateBean.candidate.candidateProfessionalInfoList==null or newEditCandidateBean.candidate.candidateProfessionalInfoList.isEmpty()}" id="addProffesionalInfoPanel">
                                <f:event listener="#{newEditCandidateBean.validateExperienceFinishDatePanel}" type="postValidate" />
                                <p:selectOneMenu styleClass="candidateElementInput" filter="true" filterMatchMode="contains" required="false" requiredMessage="#{messages.SectorRequired}" converter="#{sectorConverter}" id="selectProfessionalSector"  value="#{newEditCandidateBean.collectorProfessionalInfo.sector}" effect="fade" label="#{messages.Sector}">  
                                    <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>
                                </p:selectOneMenu>

                                <p:inputText styleClass="candidateElementInput"  required="true" requiredMessage="#{messages.CompanyRequired}" id="company" value="#{newEditCandidateBean.collectorProfessionalInfo.company}" label="#{messages.Company}">  
                                    <f:validateLength maximum="100"></f:validateLength>
                                </p:inputText>  
                                <p:watermark for="company" value="#{messages.Company}" />

                                <p:selectOneMenu styleClass="candidateElementInput" filter="true" filterMatchMode="contains" required="true" requiredMessage="#{messages.JobPositionRequired}" converter="#{jobPositionConverter}" id="selectJobPosition"  value="#{newEditCandidateBean.collectorProfessionalInfo.jobPosition}" effect="fade" label="#{messages.JobPosition}">  
                                    <f:selectItem itemLabel="#{messages.JobPosition}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.jobPositions}" var="jobPosition" itemLabel="#{jobPositionBundle[jobPosition.idJobPosition.toString()]}" itemValue="#{jobPosition}"/>
                                </p:selectOneMenu>

                                <p:selectOneMenu styleClass="candidateElementInput" required="true" requiredMessage="#{messages.JobDurationRequired}" converter="#{jobDurationConverter}" id="selectJobDuration"  value="#{newEditCandidateBean.collectorProfessionalInfo.jobDuration}" effect="fade" label="#{messages.JobDuration}">  
                                    <f:selectItem itemLabel="#{messages.JobDuration}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.jobDurations}" var="jobDuration" itemLabel="#{jobDurationBundle[jobDuration.idJobDuration.toString()]}" itemValue="#{jobDuration}"/>  
                                </p:selectOneMenu>

                                <p:calendar  mindate="1/1/1950" yearRange="c-50:c+50" pattern="dd/MM/yyyy" maxdate="1/1/2050" styleClass="candidateElementInput inputCalendar" locale="es" value="#{newEditCandidateBean.collectorProfessionalInfo.startDate}" navigator="true" required="true" id="startDateProfessional" requiredMessage="#{messages.StartDateRequired}" label="#{messages.StartDate}">
                                </p:calendar>
                                <p:watermark for="startDateProfessional" value="#{messages.StartDate}  (dd/mm/yyyy)" />

                                <p:calendar mindate="1/1/1950" yearRange="c-50:c+50" pattern="dd/MM/yyyy" styleClass="inputCalendar candidateElementInput" locale="es" value="#{newEditCandidateBean.collectorProfessionalInfo.finishDate}" navigator="true" required="false" id="finishDateProfessional"  label="#{messages.FinishDate}">
                                </p:calendar>
                                <p:watermark for="finishDateProfessional" value="#{messages.FinishDate}  (dd/mm/yyyy)" />

                                <div style="margin-bottom:0.7em!important;">
                                    <p:selectBooleanCheckbox id="workingNow" value="#{newEditCandidateBean.collectorProfessionalInfo.current}" /> 
                                    <h:outputText value="#{messages.WorkingNow}" />  
                                </div>

                                <p:inputTextarea autoResize="false" styleClass="ui-inputtext inputField candidateElementInput"  required="false" id="shortDescription" value="#{newEditCandidateBean.collectorProfessionalInfo.description}" label="#{messages.Description}" maxlength="150" counter="counter" counterTemplate="{0} #{messages.CharactersRemaining}" >  
                                    <f:validateLength maximum="150"></f:validateLength>
                                </p:inputTextarea>  
                                <p:watermark for="shortDescription" value="#{messages.DescriptionProfessional}" />
                                <h:outputText styleClass="bodyText block" id="counter" />
                                <p:commandButton process="@parent" actionListener="#{newEditCandidateBean.saveProfessional()}" styleClass="grayBackgroundStrong block" id="btn_add" value="#{messages.Add}" update=":editCandidateForm:editGrowl :professionalForm:professionalPanel :advicesForm:advicesPanel" oncomplete="reloadContainers();" ></p:commandButton>    
                            </p:panel>
                        </p:panel>
                    </h:form>
                    <div id="skillDiv" class="inlineBlock verticalAlignTop panelContainerWidth skillForm">
                        <p:panel styleClass="noMargin blueBorder noPaddingTitle blueSectionBackground panelCandidate" id="languagePanel">
                            <p:panel header="#{messages.Skills}" styleClass="noMargin noPadding noBorder noPaddingTitle"  id="candidateCurrentInterest">
                                <h:form id="skillsForm" styleClass="block">
                                    <p:panel styleClass="noMargin noBorder inlineBlock verticalAlignTop noPaddingTitle  panelCandidate skillsPanel"  id="candidateCurrentSkill">
                                        <h:outputText value="#{messages.RemainingTags} #{40-newEditCandidateBean.candidate.candidateTagsList.size()}"></h:outputText>
                                        <p:dataList styleClass=" marginTop05em dataListSkillsColumn"  var="tag" value="#{newEditCandidateBean.candidate.candidateTagsList}" emptyMessage="#{messages.NoSkillInfoYet}" >
                                            <p:panel styleClass="skillBackgroundDataListElement" style="padding:0.2em!important;"  >
                                                <div class="inlineBlock verticalAlignTop">
                                                    <h:outputText  value="#{tag.tag}" /> 
                                                </div>
                                                <div class="inlineBlock verticalAlignTop">
                                                    <p:commandButton style="width:20px;height: 20px" actionListener="#{newEditCandidateBean.removeCandidateTag(tag)}" styleClass="deleteButton" process="@this"  update=":skillsForm:candidateCurrentSkill :advicesForm:advicesPanel" icon="ui-icon-close">
                                                    </p:commandButton>
                                                </div>

                                            </p:panel>
                                        </p:dataList>
                                    </p:panel>
                                </h:form>
                                <h:form id="skillsFormAdd" styleClass="block width100">
                                    <p:panel id="addSkillPanel" styleClass="noMargin noBorder noPaddingTitle noPadding" >
                                        <p:autoComplete styleClass="skillInput noPadding block" id="name" maxlength="30" required="true" minQueryLength="3" completeMethod="#{newEditCandidateBean.autocompleteTags}" value="#{newEditCandidateBean.newCandidateTag.tag}"  requiredMessage="#{messages.SkillRequired}" maxResults="10" label="#{messages.Skill}">  
                                            <p:ajax event="itemSelect" listener="#{newEditCandidateBean.setSelectecAutocompleteItem}" update=":skillsFormAdd:addSkillPanel" />
                                        </p:autoComplete>  
                                        <p:watermark for="name" value="#{messages.Skill}" /> 
                                        <p:commandButton styleClass="block grayBackgroundStrong candidateButtonAdd" value="#{messages.Add}" process="@parent" update=":skillsFormAdd:addSkillPanel :skillsForm:candidateCurrentSkill :editCandidateForm:editGrowl :advicesForm:advicesPanel" actionListener="#{newEditCandidateBean.createdCandidateTag}" oncomplete="reloadContainers();" />                        
                                    </p:panel>
                                </h:form>
                            </p:panel>
                        </p:panel>
                    </div>

                    <h:form id="educationalForm" styleClass="inlineBlock verticalAlignTop panelContainerWidth educationalForm">

                        <p:panel styleClass="noPaddingTitle noMargin noBorder blueSectionBackground panelCandidate blueBorder" id="educationalPanel">
                            <p:panel styleClass="noMargin noPadding noBorder width100" id="candidateCurrentEducational" header="#{messages.Educational}">
                                <p:dataGrid emptyMessage="#{messages.NoEducationalInfoYet}" columns="1" id="currentEducationalInfo" var="currentEducationalInfo" value="#{newEditCandidateBean.candidate.candidateEducationalInfoList}" styleClass="width100 dataGridEmptyMargin" >
                                    <div class="blueSlimBorder "> 
                                        <div class="lightBlueBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.EducationalDescription}" />
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop blueSlimBorderTop">
                                                <h:outputText value="#{currentEducationalInfo.description}" />  
                                                <h:outputText value="-" rendered="#{currentEducationalInfo.description==null}" />
                                            </div>
                                        </div>
                                        <div class="lightBlueBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.EducationalLevel}" />
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop">
                                                <h:outputText value="#{educationalLevelBundle[currentEducationalInfo.educationalLevel.idEducationalLevel.toString()]}" />  
                                            </div>
                                        </div>
                                        <div class="lightBlueBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.Sector}" />  
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop">
                                                <h:outputText value="#{sectorBundle[currentEducationalInfo.sector.idSector.toString()]}" />
                                                <h:outputText value="-" rendered="#{currentEducationalInfo.sector.idSector==null}" />
                                            </div>
                                        </div>
                                        <div class="lightBlueBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.EducationalStatus}" />  
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop blueSlimBorderBottom">
                                                <h:outputText styleClass="block" value="#{educationalStatusBundle[currentEducationalInfo.status.idEducationalStatus.toString()]}" /> 
                                                <h:outputText styleClass="block" value="-" rendered="#{currentEducationalInfo.status.idEducationalStatus==null}" />
                                                <p:commandButton styleClass="grayBackgroundStrong editCategoryButton noSmartphone" value="#{messages.Edit}" process="@this" actionListener="#{newEditCandidateBean.setCollectorEducationalInfo(currentEducationalInfo)}" update=":educationalDialogForm:editEducationalPanel" oncomplete="PF('editEducationalInfoDialog').show();reloadContainers();">
                                                </p:commandButton >
                                                <p:commandButton styleClass="grayBackgroundStrong editCategoryButton displayNone smartphone inlineBlock " value="#{messages.Edit}" process="@this" actionListener="#{newEditCandidateBean.setCollectorEducationalInfo(currentEducationalInfo)}" action="/views/smartphone/candidate/EducationalDialog?faces-redirect=true">
                                                </p:commandButton >
                                                <p:commandButton styleClass="grayBackgroundStrong deleteCategoryButton" value="#{messages.Remove}" actionListener="#{newEditCandidateBean.removeCandidateEducationalInfo(currentEducationalInfo)}" update=":educationalForm:educationalPanel :advicesForm:advicesPanel" process=":educationalForm:candidateCurrentEducational" oncomplete="reloadContainers();">  
                                                    <p:collector unique="true" id="currentEducationalColector" value="#{currentEducationalInfo}" removeFrom="#{newEditCandidateBean.candidate.candidateEducationalInfoList}" />
                                                </p:commandButton> 
                                            </div>
                                        </div>
                                    </div>
                                </p:dataGrid>
                                <p:commandButton process="@this" rendered="#{newEditCandidateBean.candidate.candidateEducationalInfoList!=null and !newEditCandidateBean.candidate.candidateEducationalInfoList.isEmpty()}" styleClass="grayBackgroundStrong block candidateButtonAdd noSmartphone" actionListener="#{newEditCandidateBean.reinitCollectorEducationalInfo()}" id="btn_add_panel" oncomplete="PF('editEducationalInfoDialog').show()" value="#{messages.Add}" update=":editCandidateForm:editGrowl :educationalDialogForm:editEducationalPanel"></p:commandButton>    
                                <p:commandButton process="@this" rendered="#{newEditCandidateBean.candidate.candidateEducationalInfoList!=null and !newEditCandidateBean.candidate.candidateEducationalInfoList.isEmpty()}" styleClass="grayBackgroundStrong block candidateButtonAdd displayNone smartphone inlineBlock" actionListener="#{newEditCandidateBean.reinitCollectorEducationalInfo()}" id="btn_add_panel_mvl"  value="#{messages.Add}" action="/views/smartphone/candidate/EducationalDialog?faces-redirect=true"></p:commandButton>    
                            </p:panel>
                            <p:panel styleClass="noMargin" id="addCandidateEducationalInfoPanel" rendered="#{newEditCandidateBean.candidate.candidateEducationalInfoList==null or newEditCandidateBean.candidate.candidateEducationalInfoList.isEmpty()}">
                                <p:panel id="educationalPanelGrid" styleClass="marginTop05em noPadding noMargin">  
                                    <p:selectOneMenu styleClass="candidateElementInput" required="true" requiredMessage="#{messages.EducationalLevelRequired}" converter="#{educationalLevelConverter}" id="selectEducationalLevel" value="#{newEditCandidateBean.collectorEducationalInfo.educationalLevel}" effect="fade" label="#{messages.EducationalLevel}">  
                                        <f:selectItem itemLabel="#{messages.EducationalLevel}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.educationalLevels}" var="educationalLevel" itemLabel="#{educationalLevelBundle[educationalLevel.idEducationalLevel.toString()]}" itemValue="#{educationalLevel}"/>  
                                        <p:ajax oncomplete="reloadContainers();" event="change" update="addCandidateEducationalInfoPanel"/>  
                                    </p:selectOneMenu>
                                </p:panel>
                                <p:panel styleClass="width100 noPadding noMargin" id="educationalCareerPanelGrid" rendered="#{newEditCandidateBean.collectorEducationalInfo.educationalLevel.educationalValue>'2'}">  
                                    <p:inputText styleClass="candidateElementInput" id="educationalDescription" required="true" value="#{newEditCandidateBean.collectorEducationalInfo.description}" label="#{messages.EducationalDescription}">  
                                        <f:validateLength maximum="100"></f:validateLength>
                                    </p:inputText>  
                                    <p:watermark for="educationalDescription" value="#{messages.EducationalDescription}" />

                                    <p:selectOneMenu required="true" styleClass="candidateElementInput" filter="true" filterMatchMode="contains" converter="#{sectorConverter}" id="selectSector"  value="#{newEditCandidateBean.collectorEducationalInfo.sector}" effect="fade" label="#{messages.Sector}">  
                                        <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>  
                                    </p:selectOneMenu>
                                    <p:selectOneMenu required="true" styleClass="candidateElementInput" converter="#{educationalStatusConverter}" id="selectStatus"  value="#{newEditCandidateBean.collectorEducationalInfo.status}" effect="fade" label="#{messages.EducationalStatus}">  
                                        <f:selectItem itemLabel="#{messages.EducationalStatus}" itemValue="" />  
                                        <f:selectItems value="#{userResourcesBean.educationalStatuses}" var="educationalStatus" itemLabel="#{educationalStatusBundle[educationalStatus.idEducationalStatus.toString()]}" itemValue="#{educationalStatus}"/>  
                                    </p:selectOneMenu>
                                </p:panel>  
                                <p:commandButton process="@parent" actionListener="#{newEditCandidateBean.saveEducational()}" styleClass="grayBackgroundStrong" value="#{messages.Add}" update=":editCandidateForm:editGrowl educationalPanel :advicesForm:advicesPanel" oncomplete="reloadContainers();"></p:commandButton>
                            </p:panel>
                        </p:panel>
                    </h:form>
                    <h:form id="relocatingForm" styleClass="inlineBlock verticalAlignTop panelContainerWidth relocatingForm">

                        <p:panel styleClass="noMargin noBorder blueSectionBackground panelCandidate blueBorder noPaddingTitle" header="#{messages.Relocating}" id="relocatingPanel">
                            <p:panel>
                                <h:outputText styleClass="block" value="#{messages.NoRelocatingInfoYet}" rendered="#{newEditCandidateBean.candidate.candidateRelocatingInfoList==null or newEditCandidateBean.candidate.candidateRelocatingInfoList.isEmpty()}"/>
                                <div class="width100 verticalAlignTop inlineBlock"> 
                                    <p:dataTable id="countryTable" var="country" value="#{userResourcesBean.translatedCountryList}" styleClass="noHeaderTable tableNoPadding table-no-select-all width100 bigFontTable"
                                                 selection="#{newEditCandidateBean.countryList}" rowSelectMode="add" rowKey="#{country.idCountry}">  
                                        <p:ajax event="rowSelect" update=":relocatingForm:relocatingPanel" process="@parent" listener="#{newEditCandidateBean.addCountry}"  />
                                        <p:ajax event="rowSelectCheckbox" update=":relocatingForm:relocatingPanel" process="@parent" listener="#{newEditCandidateBean.addCountry}"   />
                                        <p:ajax event="rowUnselect" update=":relocatingForm:relocatingPanel" process="@parent" listener="#{newEditCandidateBean.removeCountry}"/>
                                        <p:ajax event="rowUnselectCheckbox" update=":relocatingForm:relocatingPanel" process="@parent" listener="#{newEditCandidateBean.removeCountry}"/>
                                        <p:column  selectionMode="multiple" style="width:5%!important;" >
                                        </p:column>
                                        <p:column style="width:70%!important;text-align:center" >  

                                            <h:outputText value="#{country.description}" />  
                                        </p:column>  
                                        <p:column style="width:28%!important;" >  
                                            <p:commandButton value="#{messages.Prov}" styleClass=" noSmartphone blueBackgroundStrong relocatingButton" actionListener="#{newEditCandidateBean.setSelectedCountry(country)}" process="@this" update=":relocatingForm:relocatingPanel :relocatingDialogForm:provincesPanel" oncomplete="PF('relocatingDialog').show();">
                                            </p:commandButton>
                                            <p:commandButton value="#{messages.Prov}" styleClass="displayNone smartphone inlineBlock blueBackgroundStrong relocatingButton" actionListener="#{newEditCandidateBean.setSelectedCountry(country)}" process="@this" update=":relocatingForm:relocatingPanel" action="/views/smartphone/candidate/RelocatingDialog?faces-redirect=true">
                                            </p:commandButton>
                                        </p:column>  
                                    </p:dataTable>   
                                    <p:commandButton actionListener="#{newEditCandidateBean.addRelocatingInfo()}" process="@parent"  styleClass="grayBackgroundStrong marginTop1em" id="buttonAddRelocatingInfo" value="#{messages.Update}" update="relocatingPanel :editCandidateForm:editGrowl :advicesForm:advicesPanel" oncomplete="reloadContainers();"></p:commandButton>    
                                </div>
                            </p:panel>
                        </p:panel>
                    </h:form>    

                    <h:form id="interestForm" styleClass="inlineBlock verticalAlignTop panelContainerWidth interestForm">

                        <p:panel id="interestParentPanel" styleClass="noBorder noMargin blueSectionBackground panelCandidate blueBorder">
                            <p:panel header="#{candidateMessages.Interest}" styleClass="noMargin noPadding noBorder noPaddingTitle"  id="candidateCurrentInterest">
                                <p:dataGrid styleClass="noPadding dataGridEmptyMargin" emptyMessage="#{messages.NoInterestAreaInfoYet}" var="currentInterestArea" value="#{newEditCandidateBean.candidate.candidateInterestAreaList}" columns="1">
                                    <div class="blueSlimBorder "> 
                                        <div class="lightBlueBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.Sector}"></h:outputText>
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop blueSlimBorderTop">
                                                <h:outputText value="#{sectorBundle[currentInterestArea.sector.idSector.toString()]}" />  
                                                <h:outputText value="-" rendered="#{currentInterestArea.sector.idSector==null}" />
                                            </div>
                                        </div>
                                        <div class="lightBlueBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.JobPosition}"></h:outputText>
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop">
                                                <h:outputText value="#{jobPositionBundle[currentInterestArea.jobPosition.idJobPosition.toString()]}" rendered="#{currentInterestArea.jobPosition!=null}" />  
                                                <h:outputText value="-" rendered="#{currentInterestArea.jobPosition==null}" />
                                            </div>
                                        </div>
                                        <div class="lightBlueBackground">
                                            <div class="internalLeftColumn colorWhite inlineBlock verticalAlignTop">
                                                <h:outputText value="#{messages.DesiredSalary}"></h:outputText>
                                            </div>
                                            <div class=" internalRightColumn inlineBlock verticalAlignTop blueSlimBorderBottom">
                                                <h:outputText styleClass="block" value="#{currentInterestArea.desiredSalary.description}" rendered="#{currentInterestArea.desiredSalary.description!=null and !currentInterestArea.desiredSalary.description.equals('')}" />
                                                <h:outputText styleClass="block" value="-" rendered="#{currentInterestArea.desiredSalary.description==null or currentInterestArea.desiredSalary.description.equals('')}" />
                                                <p:commandButton styleClass="grayBackgroundStrong editCategoryButton noSmartphone" value="#{messages.Edit}" process="@this" actionListener="#{newEditCandidateBean.setCollectorInterestArea(currentInterestArea)}" update=":interestDialogForm:interestPanelDialog" oncomplete="PF('editInterestAreaDialog').show();reloadContainers();">
                                                </p:commandButton >
                                                <p:commandButton styleClass="grayBackgroundStrong editCategoryButton displayNone smartphone inlineBlock" value="#{messages.Edit}" process="@this" actionListener="#{newEditCandidateBean.setCollectorInterestArea(currentInterestArea)}" action="/views/smartphone/candidate/InterestDialog?faces-redirect=true" >
                                                </p:commandButton >
                                                <p:commandButton styleClass="grayBackgroundStrong deleteCategoryButton" actionListener="#{newEditCandidateBean.removeCandidateInterestArea(currentInterestArea)}" update=":interestForm:interestParentPanel :advicesForm:advicesPanel" oncomplete="reloadContainers();" process=":interestForm:candidateCurrentInterest" value="#{messages.Remove}">  
                                                    <p:collector unique="true" value="#{currentInterestArea}" removeFrom="#{newEditCandidateBean.candidate.candidateInterestAreaList}" />
                                                </p:commandButton> 
                                            </div>
                                        </div>
                                    </div>
                                </p:dataGrid>
                                <p:commandButton process="@this" rendered="#{newEditCandidateBean.candidate.candidateInterestAreaList!=null and !newEditCandidateBean.candidate.candidateInterestAreaList.isEmpty()}" styleClass="grayBackgroundStrong block candidateButtonAdd noSmartphone" actionListener="#{newEditCandidateBean.reinitCollectorInterestArea()}" id="btn_add_panel" oncomplete="PF('editInterestAreaDialog').show();reloadContainers();" value="#{messages.Add}" update=":editCandidateForm:editGrowl :interestDialogForm:interestPanelDialog"></p:commandButton>    
                                <p:commandButton process="@this" rendered="#{newEditCandidateBean.candidate.candidateInterestAreaList!=null and !newEditCandidateBean.candidate.candidateInterestAreaList.isEmpty()}" styleClass="grayBackgroundStrong block candidateButtonAdd displayNone smartphone inlineBlock" value="#{messages.Add}" actionListener="#{newEditCandidateBean.reinitCollectorInterestArea()}" id="btn_add_panel_mvl" action="/views/smartphone/candidate/InterestDialog?faces-redirect=true"></p:commandButton>    
                            </p:panel>
                            <p:panel styleClass="noMargin noBorder noPaddingTitle" rendered="#{newEditCandidateBean.candidate.candidateInterestAreaList.isEmpty()}" id="interestPanelEmpty">
                                <p:selectOneMenu styleClass="candidateElementInput" filter="true" filterMatchMode="contains" converter="#{sectorConverter}" id="selectInterestSectorEmpty"  value="#{newEditCandidateBean.collectorInterestArea.sector}" effect="fade" label="#{messages.Sector}">  
                                    <f:selectItem itemLabel="#{messages.Sector}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.sectors}" var="sector" itemLabel="#{sectorBundle[sector.idSector.toString()]}" itemValue="#{sector}"/>
                                    <p:ajax update="interestPanelEmpty"/>
                                </p:selectOneMenu>

                                <p:selectOneMenu styleClass="candidateElementInput" filter="true" filterMatchMode="contains" converter="#{jobPositionConverter}" id="selectInterestJobPositionEmpty"  value="#{newEditCandidateBean.collectorInterestArea.jobPosition}" effect="fade" label="#{messages.JobPosition}">  
                                    <f:selectItem itemLabel="#{messages.JobPosition}" itemValue="" />  
                                    <f:selectItems value="#{userResourcesBean.jobPositions}" var="jobPosition" itemLabel="#{jobPositionBundle[jobPosition.idJobPosition.toString()]}" itemValue="#{jobPosition}"/>
                                    <p:ajax update="interestPanelEmpty"/>
                                </p:selectOneMenu>

                                <p:selectOneMenu styleClass="candidateElementInput" converter="#{desiredSalaryConverter}" id="selectDesiredSalaryEmpty"  value="#{newEditCandidateBean.collectorInterestArea.desiredSalary}" effect="fade" label="#{messages.DesiredSalary}">  
                                    <f:selectItem itemLabel="#{messages.DesiredSalary}" itemValue="" />  
                                    <f:selectItems value="#{resourcesBean.desiredSalaries}" var="desiredSalary" itemLabel="#{desiredSalary.description}" itemValue="#{desiredSalary}"/>  
                                    <p:ajax update="interestPanelEmpty"/>
                                </p:selectOneMenu>
                                <p:commandButton actionListener="#{newEditCandidateBean.saveInterest()}" process="@parent" styleClass=" grayBackgroundStrong" disabled="#{newEditCandidateBean.collectorInterestArea.sector==null and newEditCandidateBean.collectorInterestArea.jobPosition==null and newEditCandidateBean.collectorInterestArea.desiredSalary==null}"  id="butonAddInterestAreaEmpty" value="#{messages.Add}" update="interestParentPanel :editCandidateForm:editGrowl :interestForm:interestParentPanel :advicesForm:advicesPanel" oncomplete="reloadContainers();"></p:commandButton>  
                            </p:panel>
                        </p:panel>              
                    </h:form>                

                </div>

                <h:form>
                    <p:socket onMessage="handleMessageVideoUpdatedCandidate" channel="/videoUpdated/#{newEditCandidateBean.candidate.idCandidate}"/>  
                    <p:remoteCommand async="true" name="videoUpdatedCommandCandidate" update=":languageForm:languagePanel :videoForm:videoPanel" ></p:remoteCommand>
                    <script type="text/javascript">
                        function handleMessageVideoUpdatedCandidate(updateVideoData) {
                            videoUpdatedCommandCandidate();
                        }
                    </script>  
                    <p:socket onMessage="handleMessageVideoExceptionCandidate" channel="/videoException/#{newEditCandidateBean.candidate.idCandidate}"/>  
                    <p:remoteCommand async="true" name="videoExceptionCommandCandidate" update=":languageForm:languagePanel :videoForm:videoPanel"></p:remoteCommand>
                    <script type="text/javascript">  
                        function handleMessageVideoExceptionCandidate(updateVideoData) {
                            videoExceptionCommandCandidate();
                        }  
                    </script>
                </h:form>

            </ui:define>
        </ui:composition>

    </body>
</html>
